$(function() {
    // 当我们点击了小li 此时不需要执行 页面滚动事件里面的li 的背景选择 添加current
    // 采用节流阀 互斥锁
    var flag = true
    // toolTop = recom元素的顶部位置
    var toolTop = $('.guess-enjoy').offset().top;
    toggleTool()
    function toggleTool() {
        // 如果页面被卷去的距离大于等于recom元素的顶部位置
        if($(document).scrollTop() >= toolTop) {
            $('.fixedtool').fadeIn()  // 让固定电梯导航模块淡入
        } else {
            $('.fixedtool').fadeOut()  // 让固定电梯导航模块淡出
        }
    }

    // 1. 窗口的滚动事件
    $(window).scroll(function() {
        toggleTool()

        // 3. 页面滚动到某个内容区域，左侧电梯导航小li相应添加和删除current类名
       if(flag) {
        $('.floor .w').each(function(i,ele) {
            // 如果被卷去的头部 大于等于 内容区域里面每个模块的offset().top
            if($(document).scrollTop() >= $(ele).offset().top) {
                $('.fixedtool li').eq(i).addClass('current').siblings().removeClass('current')
            }
        })
       }
    })

    // 2. 点击点击导航页面可以滚动到相应内容区域
    $('.fixedtool li').click(function() {  // 给每个小li绑定点击事件
        flag = false
        $(this).index()  // 当前li的索引号
        // 点击之后，让当前的小li添加current类名，其他兄弟移除这个类名
        $(this).addClass('current').siblings().removeClass('current')
        // 当我们每次点击小li  就需要计算出页面要去往的位置
        // 选出对应索引号的内容区的盒子  计算它的顶部位置
        var current = $('.floor .w').eq($(this).index()).offset().top;
        // 页面动画效果
        $('body,html').stop().animate({
            scrollTop:current
        },function() {
            flag = true
        })
    })
})
    